13 New CSS Slideshow Examples Kit

1. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS background slideshow and opacity also can be modified (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. jquery Slider Zoom In/Out Effect Fully Responsive

featured image

Also, all the examples present in the preview are included in the download . banner rotator, caption, fluid, gallery, image, jquery, mobile, ios, plugin, resizable, responsive, slider, slideshow, swipe, touch

More Details

4. JQuery Thumbnail Gallery With LightBox

featured image

All demo examples included in the download package for easy setup. Toggle inner slideshow number (start/stop)

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Stack Banner Slideshow with Captions

More Details

5. FueledWeb Pro Thumbnail Scroller

featured image

Hit the Live Preview page for complete description of features, examples and plugin settings. Dynamic CSS

Option to auto start slideshow with play and pause button

More Details

6. Youtube Vimeo Gallery Background

featured image

All demo examples included in the download package for easy setup.JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Stack Banner Slideshow with Captions

More Details

7. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Some Examples:

Option to set shuffle mode for slideshow

Examples

Add new feature: Shuffle mode for slideshow

More Details

8. Showbiz Pro Responsive Teaser JQuery Plugin

featured image

) via CSS or HTML or background animation jQuery plugin option which gives you Unlimited Layout Possibilites. Please check out the examples to see for example how a small preview view expands to a rich detailed panoramic view. Try our examples, check the sourcecode toggle and also resize the screen for a responsive preview. The given examples of the preview are included in the download zip and mean an awesome starting point to build your own Showbiz out of it. Put the JS and CSS links in the head/footer of your HTML site and build an unsorted list of items and insert your HTML. Light Weight jQuery and CSS

Customizable 100% via Plugin Parameters / CSS / HTML

Leight Weight jQuery and CSS

More Details

9. Responsive Gridfolio

featured image

In the examples provided you can see a few ways in which you might use this grid, of course that other configurations are possible (please note that the code of this examples is provided in the download files). Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS slideshow background and opacity also can be modified (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

10. Slider Revolution Responsive jQuery Plugin

featured image

See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS!

Using CSS Animation with FallBack to jQuery

Customizable 100% via HTML and CSS

Added: Examples like LazyLoad, Aligns, Fullscreen, Fullscreen-with-offsets, html5,vimeo and download youtube videos

Feature: Changed Caption Animation from jQuery slideshow animation against CSS Animations.css file

css file.

More Details

11. Shuffling Tiles jQuery Plugin

featured image

CSS Based Styling

The look and feel is fully customizable using just CSS.is made easy, with over 25 different CSS classes provided by the plugin to cover any tile’s shape and state.Extensive documentation, with over 10 pages of detailed documentation, many containing interactive examples,

More Details

12. Horizontal Gridfolio Pro

featured image

We have also included full documentation, examples pages and PSD files along with eight skins.Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a CSS transparent background under it or a media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional).Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.Info button and info window: Each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

13. Versatile Touch Slider

featured image

See below the main features and click on Live Preview to see some examples.Easy to configure and use (Examples included);

small changes in the CSS file.

More Details

14. Slideshow with Separate Content Animations

featured image

This is a jQuery content slideshow with thumbnails which is based entirely on HTML & CSS3 .Many animation examples

More Details